<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>公司简介</title>
  <style type="text/css">
  *{ padding:0; margin:0;}
     .layer1{}
	    .layer1-1{ height:100px; width:60%; color:#FFF; font-size:54px; font-family:youyuan; text-align:center; line-height:100px; background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1512285115&di=afe43a701507c918294ee8f81c45a35a&imgtype=jpg&er=1&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20170830%2F608456994d804f248de862b6245c7860.gif); float:left;}
		
    .a:link{ text-decoration: none;}
	.a:visited{ text-decoration: none; color:#FFF}


    #navigation{ color:#CCC;
	  
	  width:40%;
	height:100px;
	
	font-weight:bold;
	font-size:1em;
	text-align:center; /* 这个属性使盒子中的链接居中 */
	
	
	float:left;
}
	
	#navigation a{
	height:100px;
	width:25%;
	float:left;
	
	line-height:100px;
	color:#FFFFFF;
	background:#373737;
	
	text-decoration:none;
			
	
 }
    #navigation  a:hover{					/* 鼠标经过时 */
	background-color:#1D1D1D;			/* 改变背景色 */
	color:#EB6F50;						/* 改变文字颜色 */
	border-bottom:5px solid #EA6346;
  }


		.layer2{ height:500px; width:100;background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1511692385479&di=f90a5d71a1ee54c8e0e2e9bdac9613db&imgtype=0&src=http%3A%2F%2Ftiredretribution.com%2Fwp-content%2Fuploads%2F2015%2F07%2FSOV3.gif); text-align:center; line-height:400px; clear:both; font-family:youyuan; font-size:40px;}
		
		.layer2-1{ position:absolute;top:50%;left:44%;}
		
		
		.layer3{ height:auto; width:70%; line-height:60px; font-size:20px; background-color:#FFF; color:#666; padding:70px 0;}
		
		
           #zt{ text-align:left; text-indent:2em; margin:0 auto;}
           #bt{ font-size:36px; font-family:youyuan;}
		   
		   
        .layer4{ width:100%; height:50px; font-size:16px; color:#CCC; text-align:center; line-height:50px;background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1512285115&di=afe43a701507c918294ee8f81c45a35a&imgtype=jpg&er=1&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20170830%2F608456994d804f248de862b6245c7860.gif);}
  
  
  
  
  
  
  </style>
</head>

<body>
     <div class="layer1">
        <div class="layer1-1">AR体验馆
     </div>


<div id="navigation">
	<a class="a" href="#">关于AR</a>
	<a class="a" href="#">主要产品</a>
	<a class="a" href="#">开放平台</a>
	<a class="a" href="#">联系我们</a>
</div>


     </div>
     <div class="layer2">公司简介</div>
     <div class="layer2-1"><a href="#gy"><img src="http://imglf6.nosdn.127.net/img/ZXh0alZZV29TL042R2JXUm1QOWJLVmRpeE9xSnRQOENMQ3lST25nbDlYM25FRlVZTDJWYVN3PT0.png?=imageView&thumbnail=500x0&quality=96&stripmeta=0&type=jpg%7Cwatermark&type=2" alt="gy" width="200"></a>
</div>
     <div class="layer3" id="zt">
     <p id="bt"><a name="gy">关于AR</a></p>
     <p>视+AR创立于2012年，是全球领先的AR开放平台
公司立足于上海，面向全球。目前公司业务遍布全球多个国家和地区，产品在中国市场占有率超过60%。</p>
   <p id="bt">AR开放平台</p>
   <p>视+AR提供全新的AR技术和服务，致力于推动AR创新应用。视+AR和支付宝、招商银行、汽车之家、小米、肯德基、联合利华等国内外众多知名企业保持长期合作关系。</p>
<p id="bt">我们的业务</p>
<p>作为国内AR行业的技术领导者，视+致力于帮助更多的公司及团队实现商业价值。</p>

     </div>
     <div class="layer4">联系我们</div>
     
</body>
</html>
